<div id="stepBox">
  <nz-steps [nzCurrent]="current" nzSize="small">
    <nz-step nzTitle="上传PDF文件"></nz-step>
    <nz-step nzTitle="PDF校对"></nz-step>
    <nz-step nzTitle="下载shp文件"></nz-step>
    <!-- <nz-step nzTitle="Waiting"></nz-step> -->
  </nz-steps>
</div>
<div id="contentBox">
  <div id="stepOne" *ngIf="current == 0">
    <nz-upload
      nzType="drag"
      [nzMultiple]="true"
      [nzBeforeUpload]="beforeUploadshp"
      [(nzFileList)]="fileList"
      [nzAccept]="'.pdf'"
    >
      <p class="ant-upload-drag-icon">
        <i nz-icon nzType="inbox"></i>
      </p>
      <p class="ant-upload-text">点击或者拖拽到该区域进行上传</p>
      <p class="ant-upload-hint">上传航路点PDF文件</p>
    </nz-upload>
    <button nz-button nzType="primary" (click)="next1()">下一步</button>
  </div>
  <div id="stepTwo" *ngIf="current == 1">
    <nz-tabset [nzTabPosition]="'left'" [(nzSelectedIndex)]="selectedIndex">
      <nz-tab
        *ngFor="let tab of tabs"
        [nzTitle]="tab"
        style="height: cacl(100vh - 300px)"
      >
        <ul class="dataBox">
          <li *ngFor="let item of stepTwoData[tab]">
            <span>
              {{ item.name }}
            </span>
            <span>
              <input type="text" [(ngModel)]="item.str" />
            </span>
          </li>
        </ul>
      </nz-tab>
    </nz-tabset>

    <button nz-button nzType="primary" (click)="next2()">下一步</button>
  </div>

  <div id="stepThree" *ngIf="current == 2">
    <div id="imageBox">
      <img src="/assets/images/zip.jpg" alt="" srcset="" />
      <br />
      <a href="" (click)="download($event)">机场航路点.zip</a>
    </div>
    <div id="prograssBox" *ngIf="dwonloadPercent > 0">
      <nz-progress [nzPercent]="dwonloadPercent"></nz-progress>
    </div>
    <div id="buttonBox"></div>
  </div>
</div>
